<template>
    <el-container class="div-container">
        <el-header class="header">
            <el-row>
                <el-col :span="3" style="text-align: center; padding: 5px 0">
                    <p class="title">基金业务管理系统</p>
                </el-col>
                <el-col :span="19">
                    <el-image class="adminImg" :src="require('@/assets/img/avatar.jpg')"></el-image>
                </el-col>
                <el-col :span="2">
                    <div style="display: flex">
                        <el-menu
                            class="header-menu"
                            mode="horizontal"
                            background-color=" #2B2F3A"
                            text-color="#fff"
                            active-text-color="#fff"
                            menu-trigger="click"
                            index="1"
                        >
                            <el-submenu index="1" class="submenu" divided>
                                <template slot="title">管理员</template>
                                <!-- <el-menu-item index="1" ><i class="el-icon-message"></i>我的消息</el-menu-item>
                                <el-menu-item index="2" ><i class="el-icon-user-solid"></i>我的资料</el-menu-item>-->
                                <el-menu-item index="1" @click="goBack">
                                    <span style="padding-left: 30px">注销账户</span>
                                </el-menu-item>
                            </el-submenu>
                        </el-menu>
                    </div>
                </el-col>
            </el-row>
        </el-header>
        <el-container>
            <el-aside>
                <Navigation></Navigation>
                
            </el-aside>
            <el-main>
                <router-view class="view"></router-view>
            </el-main>
        </el-container>
    </el-container>
</template>
<script>
import Navigation from '../components/Navigation.vue'
export default {
    name: 'Main',
    components: {
        Navigation,
    },
    methods:{
        goBack(){
            location.href = "/";
        }
    }
}
</script>

<style scoped>
.div-container {
    margin: 0px !important;
    height: 100vh;
}
.adminImg {
    border-radius: 25px;
    float: right;
    max-width: 50px;
    margin-top: 5px;
}
.header {
    height: 70px;
    background-color: #2b2f3a;
}
.title {
    font-size: 18px;
    margin-top: 5px;
    color: #ffffff;
}
.header-menu {
    width: 100px;
}
.submenu {
    width: 100px;
}
</style>